@import "../../../assest/css/base";
.news{
  .box{
    background: #fff;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 70px 30px;
  }
  .icon{
    width: 220px;
    height: 40px;
    border-radius: 30px;
    background: #008cff;
    text-align: center;
    line-height: 40px;
    span{
      @include font_size(14px);
      color: #fff;
    }
  }
  .item {
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    @include font_size(14px);
    @include no-wrap();
    position: relative;
    right: 10px;
  }
  .msg{
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .branchBook{
    margin-top: 20px;
    background: #fff;
    box-sizing: border-box;
    padding-bottom: 120px;
    .top{
      box-sizing: border-box;
      padding: 20px 30px;
      display: flex;
      justify-content: space-between;
      .title{
        @include font_size(16px);
        font-weight: bold;
      }
      .checkAll{
        @include font_size(12px);
      }
    }
    .wrapper{
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      box-sizing: border-box;
      padding: 0 20px;
      .item{
          width: 31.5%;
          height: 257px;
          padding-bottom: 50px;
        img{
          width: 100%;
        }
        p{
          @include font_size(12px)
        }
        span{
          @include font_size(12px);
          color: #999;
        }
      }
    }
  }
}